﻿<!DOCTYPE HTML>
<html>

<head>
  <title></title>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
  <link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
  <style>
    .box_a {
      display: flex;
    }

    .box_a>div:nth-child(1) {
      width: 50%;
      text-align: left;
    }

    .box_a>div:nth-child(2) {
      width: 50%;
      text-align: right;
    }

    /*弹框*/

    .box_tk {
      width: 500px;
      height: 345px;
      border: 1px solid #d2d2d2;
      margin: auto;
      border-radius: 4px;
    }

    .box_tk-cont {
      display: flex;
      justify-content: space-around;
      padding: 10px;
      border-bottom: 1px solid #d2d2d2;
    }

    .box_tk-cont>div {
      width: 50%;
    }

    .box_tk-cont>div:nth-child(1) {
      font-size: 17px;
    }

    .box_tk-cont>div:nth-child(2) {
      text-align: right;
    }

    /*  .box_cont>.one{
    display: flex;
    width: 100%;
    padding-top: 15px;

  }*/

    /*  .box_cont>.one>div{
    width: 20%;
    text-align: right;
  }*/

    .text {
      width: 135px;
      height: 30px;
      border: 1px solid #d2d2d2;
      padding-left: 5px;
      margin-left: 15px;
    }

    .box_conta {
      text-align: center;
      width: 57%;
      margin-top: 30px;
    }

    .ht_box {
      width: 60%;
      border: 1px solid #d2d2d2;
      display: flex;
      justify-content: space-around;
      margin-left: 76px;
      margin-top: 25px;
    }

    .ht_a {
      color: #d2d2d2;
    }

    .ht_box> {
      position: relative;
      right: 8px;
      top: 1px;
    }
  </style>
</head>

<body>
  <nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>介入者管理
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
      title="刷新">
      <i class="Hui-iconfont">&#xe68f;</i>
    </a>
  </nav>
  <div class="page-container">
    <div class="text-c box_a">
      <div>
        日期范围：
        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate"
          style="width:150px;"> -
        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate"
          style="width:150px;">
        <button name="" id="" class="btn btn-success" type="submit">查询</button>
      </div>
      <div>
        状态：
        <select class="select" name="brandclass" size="1" style="width:75px;height: 31px;position: relative;top: 2px;">
          <option value="0" selected>开启</option>
          <option value="1">关闭</option>
        </select>
        <input type="text" name="" id="" placeholder="请输入文字" style="width:150px" class="input-text">
        <button name="" id="" class="btn btn-success" type="submit">
          <i class="Hui-iconfont">&#xe665;</i> 搜索</button>
      </div>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20">
      <span class="l">
        介入者管理
      </span>
      <span class="r">
        <a href="#" class="box_tc" style="text-decoration: none;">
          <img src="../images/icond.png" style="width: 15px;height: 15px;position: relative;right: 7px;top: -2px;">增加保全类型</a>
      </span>
    </div>
    <table class="table table-border table-bordered table-bg table-hover table-sort">
      <thead>
        <tr class="text-c">
          <th>接入产品名称</th>
          <th>保全类型</th>
          <th>价格</th>
          <th>创建时间</th>
          <th>状态</th>
        </tr>
      </thead>
      <tbody>
        <tr class="text-c">
          <td>CCGO</td>
          <td>电子合同</td>
          <td>2</td>
          <td>
            <span>2017-02-15</span>
          </td>
          <td>
            <select name="DataTables_Table_0_length" aria-controls="DataTables_Table_0" class="bq_zt">
              <option value="0">开启</option>
              <option value="1">关闭</option>
            </select>
          </td>
        </tr>
      </tbody>
    </table>
    <div id="pageNav" class="pageNav"></div>

  </div>
  <div class="box_tk" style="display: none;">
    <div class="box_tk-cont">
      <div>添加保全类型</div>
      <div class="close">X</div>
    </div>
    <div class="box_cont">
      <div class="one">
        <div style="margin-left: 25px;">添加类型:</div>
        <div class="ht_box ht_a">
          <div>
            <input type="checkbox" class="">电子合同</div>
          <div>价格：2/元一条</div>
        </div>
        <div class="ht_box ht_a">
          <div>
            <input type="checkbox" class="">票据保全</div>
          <div>价格：2/元一条</div>
        </div>
        <div class="ht_box">
          <div>
            <input type="checkbox" class="">合同保全</div>
          <div>价格：2/元一条</div>
        </div>
        <div class="ht_box">
          <div>
            <input type="checkbox" class="">合同保全</div>
          <div>价格：2/元一条</div>
        </div>
      </div>
      <div class="box_conta">
        <button name="" id="" class="btn btn-success" type="submit">查询</button>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
  <script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
  <script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
  <script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
  <script type="text/javascript" src="../lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
  <script>
    $(document).ready(function () {
      $(".box_tc").click(function () {
        $(".box_tk").show();
      })
      $(".close").click(function () {
        $(".box_tk").hide();
      })
    })
  </script>
</body>

</html>